<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			/*属性选择器*/
			/*[title1] {
				background: #F00;
			}

			[title='cls1'] {
				background: #0F0;
			}*/

			/*[title^='cls'] {
				background: #00F;
			}*/

			/*[title$='1'] {
				background: #00F;
			}*/

			/*[title*='cls'] {
				background: #00F;
			}*/

			/*像使用class一样使用其他属性*/
			[title~='cls'] {
				background: #00F;
			}

			/*[class="xxx"]*/
		</style>
	</head>
	<body>
		<div title1>1111</div>
		<div title1="cls2">2222</div>
		<span title1="cls2">span2222</span>
		<div title="cls1">3333</div>
		<div title="cls1">4444</div>
		<span title="cls1 cls">span4444</span>
		<div title="cls5">5555</div>
		<div title="caa1">6666</div>
	<div><script language="javascript">

	</script></div></body>
</html>
